<!DOCTYPE html>
<html>
	<head>
		<title>网上商店后台-商品列表</title>
		<meta charset="utf-8">
		<!--全局CSS-->
		<link rel="stylesheet" type="text/css" href="../../css/share/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/share/myStyle.css">
		<!--私有CSS-->
		<style type="text/css">
		p{
			font-size:1.5rem;
			font-weight: 300;
		}
		</style>
	</head>
	<body style="background-color: white;">
		<div class="container">
			<div class="row">
				<div class="col-md-6">
					<img src="../../uploads/pics/mi10.jpg" width="400" height="400">
					<div id="myCarousel" class="carousel slide">
						<!-- 轮播（Carousel）指标 -->
						<ol class="carousel-indicators">
							<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
							<li data-target="#myCarousel" data-slide-to="1"></li>
							<li data-target="#myCarousel" data-slide-to="2"></li>
						</ol>   
						<!-- 轮播（Carousel）项目 -->
						<div class="carousel-inner">
							<div class="item active">
								<img src="../../uploads/pics/carousel-mi101.jpg" alt="First slide">
							</div>
							<div class="item">
								<img src="../../uploads/pics/carousel-mi102.jpg" alt="Second slide">
							</div>
							<div class="item">
								<img src="../../uploads/pics/carousel-mi103.jpg" alt="Third slide">
							</div>
						</div>
						<!-- 轮播（Carousel）导航 -->
						<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a>
						<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						</a>
					</div> 
				</div>
				<div class="col-md-6" style="margin-top: 10px;">
					<h3>小米10</h3>
					<div class="form-group col-md-12 form-inline">
					   <label class="control-label-norequired">条码</label>
					   <label class="control-label-norequired">1234567890</label>		             
					 </div>
					<div class="form-group col-md-12 form-inline">
					   <label class="control-label-norequired">厂家</label>
					   <label class="control-label-norequired">小米</label>		             
					 </div>
					<div class="form-group col-md-12 form-inline">
					   <label class="control-label-norequired">生产<br>日期</label>
					   <label class="control-label-norequired">2020-12-01</label>		             
					 </div>
					 <div class="form-group col-md-12 form-inline">
					    <label class="control-label-norequired">单价</label>
					    <label class="control-label-norequired">&yen;80.0</label>		             
					  </div>
					  <div class="form-group col-md-12 form-inline">
					     <label class="control-label-required">购买数量</label>
			              <input class="form-control" type="text" placeholder="请输入数量">		             
					   </div>
					  <div class="form-group col-md-12 form-inline">
					      <p>
					     	<a href="goodList.html"><i class="fa fa-cart-plus" aria-hidden="true">加入购物车</i></a>
					     </p>	             
					   </div>
					
				</div>
				
			</div>
			
		</div>
	</body>
</html>
